function clickToTopLeft(){
    var myWin = window.open("","_blank","width=200,height=200"); //弹出窗口,如果第三个参数不传 会打开新标签
    myWin.document.write("这是我的窗口");
    myWin.moveTo(100,100);
    myWin.resizeTo(500,400);
    myWin.opener //可以获取到是谁打开我的  
    
}

//检查浏览器是否限制了弹窗
function checkPopup(url=''){
    var block = false;
    try {
        var win = window.open(url,'_blank',"width=100,height=100");
        block = win==null;
        
    } catch (e) {
        block = true;
    }
    return block;
}

//setInterval是循环执行的 每隔 设置的 时间就会执行;setTimeout 只执行一次
// setInterval 有个弊端，就是后一个调用可能会在前一个执行之前执行,所以一般使用 setTimeout 来自己实现循环执行
/*
var handler = setInterval(function (){
    console.log((new Date()).toLocaleTimeString())
},1500);
*/

// localtion 对象；window.location 和document.location 引用的是同一个对象。

function checkLoactionInf() {
    console.log('location.hash=',location.hash);
    console.log('location.search=',location.search);//返回url中的查询字符串 url?name=kfz 那么该值就是 ?name=kfz
    console.log('location.pathname=',location.pathname); //文件名或目录名
    console.log(urlQueryToObj());
    //location.hash = "#example";//主要用于定位比如网页滚动到某个位置
    //通过location跳转到指定网页的方法
    /*
    location.assign(url);
    window.location = url;
    location.href = url; //最常用的方法
    location.replace(url); //这种方法跳转 不能回到历史页
    */
    location.reload(); //刷新页面(相当于F5),入过传入参数则从服务器重新加载否则从缓存加载


}

//把类型 ?name=kfz&age=18 这样的查询字符串转换成object
function urlQueryToObj(){    
    var searchStr = location.search;
    if (searchStr.length>0) {
        var qs = searchStr.substring(1);
        var keyAry = qs.split('&');
        var obj = {};
        for (let i = 0; i < keyAry.length; i++) {
            var ary = keyAry[i].split("=");
            obj[ary[0]] = ary[1];            
        }
        return obj;
    }else{
        return null;
    }
}

//熟悉navigator对象
function checkNavigator(){
    checkkBrower();
}

//判断浏览器的类型就是通过navigator
function checkkBrower() {
    console.log("navigator.appName=",navigator.appName);
    console.log("navigator.appCodeName=",navigator.appCodeName);
    console.log("navigator.onLine=",navigator.onLine);//是否连接到网络
    console.log("navigator.userAgent=",navigator.userAgent);//是否连接到网络
    
}

//history 对象 主要是几个方法和一个属性
/*
history.go(1);
history.go(-1);
history.forward();
history.back();

if (history.length==0) {
    //用户访问的第一个页面
}
*/
//2017年12月21日17:46:17 217页 看到第九章